body {
  padding-top: 44px;
  padding-bottom: 50px;
  background-color: #fafafa;
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 44px;
  padding: 7px 3px;
  background-color: #c21401;
  text-align: center;
  box-sizing: border-box;
}
.header .header_title {
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.search {
  height: 9.6vw;
  padding: 1.8667vw;
  background-color: #f1f1f2;
  box-sizing: border-box;
  margin-top: 44px;
}
.search .search_content {
  height: 5.8667vw;
  border-radius: 2.9333vw;
  background-color: #fff;
  padding: 0 1.8667vw;
  display: flex;
  align-items: center;
}
.search .search_content .iconfont {
  margin-right: 0.6667vw;
  font-size: 2.5333vw;
  color: #999999;
}
.search .search_content input {
  flex: 1;
  height: 100%;
  font-size: 2.5333vw;
  color: #999;
}
.banner {
  position: relative;
  height: 49.0667vw;
  border-bottom: 0.2667vw solid #fafafa;
  display: flex;
}
.banner .banner_drop {
  position: absolute;
  left: 50%;
  bottom: 1.8667vw;
  transform: translateX(-50%);
  height: 2.6667vw;
  display: flex;
  justify-content: center;
}
.banner .banner_drop .active {
  background-color: #313131;
}
.banner .banner_drop span {
  width: 1.4667vw;
  height: 1.4667vw;
  border-radius: 50%;
  margin-right: 0.6667vw;
  background-color: #47acc5;
}
.banner a {
  width: 100%;
  height: 100%;
}
.banner a .banner_pic {
  height: 100%;
}
.banner a .banner_pic img {
  height: 100%;
}
.prompt {
  height: 7.4667vw;
  background-color: #525252;
  padding: 1.3333vw 3.2vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.prompt span {
  font-size: 4.5333vw;
  color: #fff;
  margin-right: 1.3333vw;
}
.prompt .prompt_scroll {
  display: flex;
  align-items: center;
  flex: 1;
  height: 100%;
  font-size: 3.7333vw;
  color: #fff;
  overflow: hidden;
}
.prompt .prompt_scroll p {
  flex: 1;
  animation: move 10s infinite linear;
}
@keyframes move {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
.nav {
  height: 38.9333vw;
  display: flex;
  flex-wrap: wrap;
}
.nav li {
  width: 20%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav li a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav li a span {
  width: 11.7333vw;
  height: 11.7333vw;
}
.nav li a p {
  margin-top: 0.6667vw;
  font-size: 3.4667vw;
}
.recommend {
  height: 33.3333vw;
  padding: 0.9333vw 0;
  box-sizing: border-box;
  display: flex;
}
.recommend a {
  width: 100%;
  height: 100%;
}
.recommend a img {
  height: 100%;
}
.main {
  padding-top: 0.1333vw;
  padding-bottom: 50px;
}
.main p {
  height: 4.8vw;
  padding: 0.6667vw 0;
  box-sizing: border-box;
  text-align: center;
  line-height: 3.4667vw;
  font-size: 2.6667vw;
  background-color: #fff;
}
.main .main_all_content {
  padding: 0.2667vw;
}
.main .main_all_content .main_content {
  margin-bottom: 1.6vw;
  box-sizing: border-box;
}
.main .main_all_content .main_content li {
  display: flex;
  padding: 2.6667vw;
  margin-bottom: 1.0667vw;
  background-color: #fff;
}
.main .main_all_content .main_content li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.main .main_all_content .main_content li a .pic {
  width: 32vw;
  height: 32vw;
}
.main .main_all_content .main_content li a .pic img {
  width: 100%;
  height: 100%;
}
.main .main_all_content .main_content li a .info {
  width: 56.2667vw;
}
.main .main_all_content .main_content li a .info .txt {
  font-size: 2.5333vw;
}
.main .main_all_content .main_content li a .info .count {
  font-size: 2.2667vw;
  color: #999999;
}
.main .main_all_content .main_content li a .info .price {
  font-size: 2.9333vw;
  color: #f03c3c;
}
.main .main_all_content .main_content li a .info .price span:nth-child(2) {
  text-decoration: line-through;
  font-size: 2.2667vw;
  color: #999999;
}
